<template>
    <div>
        <SearchBar></SearchBar>
        <Teleport  to="body">
            <Dialog></Dialog>
        </Teleport >
        <WebList></WebList>
    </div>
</template>

<script setup>

import SearchBar from '@/components/SearchBar.vue';
import Dialog from '@/components/Dialog.vue';
import WebList from '@/components/webList.vue';
import { ref, provide } from 'vue';

const isShow = ref(false);
const keywords = ref('');
const setIsShow = (v) => isShow.value = v;
provide('dialog-visible', {
    isShow,
    setIsShow
})

provide('keywords', keywords)
</script>